<template>
    <img src="../assets/banner3.png" alt="" width="100%" height="300px">
    <p style="text-align: center; font-size: 20px; font-weight: 800; color: #807b7b;">服务内容</p>
    <van-row justify="center">
        <van-col span="6">
            <div class="icons">
                <div class="title">
                    工程行业<br>学院
                </div>
            </div>
        </van-col>
        <van-icon name="plus" size="37px" style="margin-top: 31px; color: #807b7b;" />
        <van-col span="6">
            <div class="icons2">
                <div class="title">
                    市场营销<br>学院
                </div>
            </div>
        </van-col>
        <van-icon name="plus" size="37px" style="margin-top: 31px; color: #807b7b;" />
        <van-col span="6">
            <div class="icons3">
                <div class="title">
                    运营管理<br>学院
                </div>
            </div>
        </van-col>
    </van-row>
    <van-row justify="center" style="margin-top: 5px;">
        <van-col span="6">
            <div class="icons5">
                <div class="title">
                    渠道建设<br>学院
                </div>
            </div>
        </van-col>
        <van-icon name="plus" size="37px" style="margin-top: 31px; color: #807b7b;" />
        <van-col span="6">
            <div class="icons4">
                <div class="title">
                    招商路演<br>学院
                </div>
            </div>
        </van-col>
        <van-icon name="plus" size="37px" style="margin-top: 31px; color: #807b7b;" />
        <van-col span="6">
            <div class="icons3">
                <div class="title">
                    运营管理<br>学院
                </div>
            </div>
        </van-col>
        <p style="color: #807b7b;">提供以上两个学院的技术支持、咨询服务、课件学习等内容</p>
    </van-row>
    <div style="background-color: #f5f5f5; text-align: center; font-size: 20px; padding-bottom: 50px;">
        创业者享受的回报收益
        <img src="../assets/50w_2.png" alt="" width="100%" height="200px">
    </div>
</template>

<script setup>

</script>

<style scoped>
.icons{
    width: 100px;
    height: 100px;
    background-color: red;
    border-radius: 50%;
    margin: 0 auto;
}
.icons2{
    width: 100px;
    height: 100px;
    background-color: #d5b01d;
    border-radius: 50%;
    margin: 0 auto;
}
.icons3{
    width: 100px;
    height: 100px;
    background-color: #0982a3;
    border-radius: 50%;
        margin: 0 auto;
}
.icons4 {
    width: 100px;
    height: 100px;
    background-color: #506970;
    border-radius: 50%;
    margin: 0 auto;
}
.icons5 {
    width: 100px;
    height: 100px;
    background-color: #c65109;
    border-radius: 50%;
    margin: 0 auto;
}
.title{
    color: white;
    font-size: 16px;
    /* line-height: 60px; */
    text-align: center;
   padding-top: 30px;
}
</style>